@charset "utf-8";
/* CSS Document */

/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td{
	margin:0;
	padding:0;
	color: #000;
}

table{

}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
	color: #FFF;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

#ActionT {
	font-size: 15px;
	color:#FFF;
}


a:link {
COLOR: #000000;
}

a:visited {
COLOR: #000000;

}
a:hover {
COLOR: #F00;

}
a:active {
	COLOR: #000000;
}


/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{
	height:100%;
	background:#fff url(backer.gif) top left repeat-x;
}
body{
	font-family:Arial,Verdana,sans-serif;
	font-size:0.85em;
	color:#333;
	width:100%;
	margin:0 auto;
	padding:0px;
	height:100%;}


/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	font-size: 14px;
	/* Clear floats */
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	*/
	z-index:5;
	-webkit-text-size-adjust: none;
}
#nav li{
	float:right;
	margin-right:10px;
	position:relative;
	z-index: 6;
		
}
#nav li:hover {
		background-image:url(../../transparent.png);

	z-index: 7;
}

#nav a{
	display:block;
	padding:6px;
	color:#fff;
	text-decoration:none;
			z-index: 8;
}
#nav a:hover{
	color:#fff;
	background:#000;
	text-decoration:none;
	border:1px;
	z-index: 9;}

/*--- DROPDOWN ---*/
#nav ul{
/* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	color: #000;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
				z-index: 10;
				margin-top: -1px;
				width: auto;
				background: #000;
}
#nav ul li{
 /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	z-index: 11;
	margin-right:0px;
	text-align: center;

}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
				z-index: 12;

}
/*
#nav li:hover ul li:hover {
														list-style-image:url(../../../../Resume/Kleton/orange-arrow-hi.png);}
*/
														
#nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
z-index: 100;
color:#FFF;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
border-top: 1px #666 solid;
padding-top: 4px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 6px;
position: relative;
margin-top: 1px;
background: #000;

}
#nav li:hover a:hover { background: rgb(51,51,51);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(17,17,17,1) 56%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(56%,rgba(17,17,17,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 56%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 56%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 56%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 56%,rgba(0,0,0,1) 100%);}
/*Break line in between Navigation items*/

.FadeLineBacker { 
background: #000;
border-left: 1px #666 solid;
border-right: 1px #666 solid;}

#nav li {
}

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none;
	background: #000;
z-index: 14;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
padding-left: 5px;
padding-right: 5px;
padding-top: 6px;
border-top: none;
margin-top: 0px;

}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	z-index: 15;

background: #444;}

	
#nav #absolve:hover a {padding: 5px; border: 1px #000 solid; padding-bottom: 5px; padding-top: 4px; margin-top: 1px; background: rgb(51,51,51);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(17,17,17,1) 56%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(56%,rgba(17,17,17,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 56%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 56%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 56%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 56%,rgba(0,0,0,1) 100%);


 border-bottom: none;} 




/*------------------------------------*\
	TYPE
\*------------------------------------*/

/*
h1{
	font-family:Calibri, Arial, Verdana, sans-serif;
	font-size:2em;
	width:520px;
}
*/